<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <mate name="flexibel" content="initial-drl=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>八字合婚-知命命理网</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        blockquote, body, button, code, dd, div, dl, dt,fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, section, select, td, textarea, th, ul,span{
            margin: 0;
            padding: 0;
        }
        html{max-width:750px;margin:0 auto;}
        a {
            text-decoration: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
        }
        .public_header {
            height: 44px;
            line-height: 44px;
            background: #fff;
            border-bottom: 1px solid #e4e4e4;
            width: 100%;
            position: relative;
        }
        .public_h_home {
            position: absolute;
            width: 44px;
            height: 44px;
            top: 0;
            left: 0;
        }
        .public_h_home:after {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            position: absolute;
            top: 10px;
            left: 10px;
            background-image: url('__PUBLIC__/images/public/top_icon_homepage.png');
        }
        .public_h_menu {
            position: absolute;
            height: 25px;
            line-height: 25px;
            border: 1px solid #DB4852;
            border-radius: 5px;
            padding: 0 5px;
            display: block;
            color: #DB4852;
            right: 10px;
            top: 9px;
        }
        .zm_form .zm_form_wrap{margin: 10px 10px 0;}
        .zm_form .zm_form_wrap ul{border: 1px solid #d6d6d6;background-color:#fff;}
        .zm_form .zm_form_wrap ul li{height: 40px;line-height: 40px;border-bottom: 1px solid #d6d6d6;padding: 0 5px;list-style: none;}
        .zm_form .zm_form_wrap .form_left{color:#222;;margin-right: 10px;float: left;}
        .zm_form .zm_form_wrap .form_auto{overflow: hidden;}
        .zm_form .zm_form_wrap .form_auto .Js_date{background: url('__PUBLIC__/images/public/icon_date.png') 98% center no-repeat;background-size: 18px auto;}
        .zm_form .zm_form_wrap .form_auto span{display: block;float: left;padding-top:10px;width:70px;}
        .zm_form .zm_form_wrap ul li .form_auto span i{
            background:#fff;
            display: block;
            float: left;
            width: 14px;
            height: 14px;
            border: 2px solid #000;
            border-radius: 50%;
        }
        .zm_form .zm_form_wrap ul li .form_auto span font{
            display: block;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            padding-left: 10px;
            color: #898989;
        }
        .zm_form .zm_form_wrap ul li .form_auto input{
            display: block;
            height: 40px;
            line-height: 40px;
            padding: 5px 30px 5px 0;
            box-sizing: border-box;
            width: 100%;
            border:none;
            font-size:14px;
            outline-style: none;
            background-color:transparent;
        }
        .zm_form .zm_form_wrap ul li .form_auto .sel{
            background: url('__PUBLIC__/images/public/icon_d_arrow.png') 98% center no-repeat;
            background-size: 18px auto;
            padding: 5px 0;
            width: 100%;
            border: none;
            font-size: 14px;
            -webkit-tap-highlight-color: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            outline-style: none;
        }
        .zm_form_wrap{
            position: relative;
            overflow: hidden;
            background: url('__PUBLIC__/images/bzhh_img/bg_sex.jpg');
            border-radius: 5px;
        }
        .zm_form .zm_form_wrap ul{
            margin-left: 30px;
            border-radius: 0;
        }
        .zm_form .zm_form_wrap .sub_left {
            width: 30px;
            color: #fff;
            position: absolute;
            left: 0;
            top: 0;
            font-size: 16px;
            text-align: center;
        }
        .zm_form .zm_form_wrap .sub_left img{
            display: block;
            width: 25px;
            height: 25px;
            background-size: 100% 100%;
            margin: 5px auto 2px;
        }
        .fw_submit span, .fw_submit b {
            width: 80%;
            background-color: #D23037;
            color: #fff;
            text-align: center;
            font-weight: 700;
            height: 42px;
            margin: 10px auto;
            font-size: 18px;
            line-height: 42px;
            border-radius: 3px;
            display: block;
        }
        .footer_severs{
            overflow: hidden;
            width: 100%;
            text-align: center;
            color: #6c6c6c;
            padding-bottom:20px;
            padding-top:16px;
            font-size: 14px;
            background-color:#fffdf1;
        }
        .footer_severs .ft_payment{margin-top:20px;}
        .footer_severs .ft_payment img{    
            height: 24px;
            vertical-align: middle;
            display: inline-block;
            padding: 0 4px;
            line-height: 24px;}
        .shadw{box-shadow: 0 0 10px #ccc;overflow: hidden;margin:5px;padding:5px;}
        
    </style>
    <script type="text/javascript">;//头条统计
    (function(root) {
        root._tt_config = true;
        var ta = document.createElement('script'); ta.type = 'text/javascript'; ta.async = true;
        ta.src = document.location.protocol + '//' + 's3.pstatp.com/bytecom/resource/track_log/src/toutiao-track-log.js';
        ta.onerror = function () {
            var request = new XMLHttpRequest();
            var web_url = window.encodeURIComponent(window.location.href);
            var js_url  = ta.src;
            var url = '//ad.toutiao.com/link_monitor/cdn_failed?web_url=' + web_url + '&js_url=' + js_url + '&convert_id=71989838125';
            request.open('GET', url, true);
            request.send(null);
        }
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ta, s);
    })(window);
    </script>

</head>
<body>
    <header class="public_header">
        <a class="public_h_home" href="<!--{:U('Index/indexx','',false)}-->"></a>
        <a href="<!--{:U('Index/mycesuan','',false)}-->" class="public_h_menu">我的测算</a>
    </header>
    <div style="color: rgb(204, 0, 0); font-size:24px; text-align:center; padding:5px 0px 0px;">八字合婚测算</div>
    <div style="max-width: 800px; margin: 0 auto; padding: 1%; text-indent: 2em;line-height: 140%; font-size: 18px;">婚姻是人生头等大事，婚姻的幸福决定了整个人生的幸福。什么时候结婚？有没有离婚可能？婚姻会不会幸福？婚姻测算通过对出生时间进行深入分析，让你知道婚姻中的一切信息。
        <a href="<!--{:U('Bzhh/index','',false)}-->" style="text-align: center;color:blue;display: block;">点击这里算两个人感情会不会长久&gt;&gt;</a>
    </div>
    <form id="_form" class="zm_form" action="<!--{:U('Bzhh/bzhf_zhifu','',false)}-->" method="post">
        <div class="zm_form_wrap">
            <div class="sub_left form_left"><span><img src="__PUBLIC__/images/bzhh_img/icon_man.png" alt="男方资料"></span>男方资料</div>
            <ul>
                <li>
                    <div class="form_left">男方姓名</div>
                    <div class="form_auto">
                        <input type="text" class="bg_no" id="username" name="username" placeholder="请输入名字(必须汉字)" />
                    </div>
                </li>
                <li>
                    <div class="form_left">出生日期</div>
                    <div class="form_auto">
                        <input type="text" class="Js_date" name="birthday" id="birthday" placeholder="请选择日期" value="" readonly/>
                    </div>
                </li>
                <li>
                    <div class="form_left">出生时辰</div>
                    <div class="form_auto">
                        <select class="sel" name="hour"><option value="" selected="">时辰不清楚</option><option value="0">子时 0点</option><option value="1">丑时 1点</option><option value="2">丑时 2点</option><option value="3">寅时 3点</option><option value="4">寅时 4点</option><option value="5">卯时 5点</option><option value="6">卯时 6点</option><option value="7">辰时 7点</option><option value="8">辰时 8点</option><option value="9">巳时 9点</option><option value="10">巳时 10点</option><option value="11">午时 11点</option><option value="12">午时 12点</option><option value="13">未时 13点</option><option value="14">未时 14点</option><option value="15">申时 15点</option><option value="16">申时 16点</option><option value="17">酉时 17点</option><option value="18">酉时 18点</option><option value="19">戌时 19点</option><option value="20">戌时 20点</option><option value="21">亥时 21点</option><option value="22">亥时 22点</option><option value="23">子时 23点</option></select>
                    </div>
                </li>
            </ul>
        </div>
        <div class="zm_form_wrap">
            <div class="sub_left form_left"><span><img src="__PUBLIC__/images/bzhh_img/icon_woman.png" alt="女方资料"></span>女方资料</div>
            <ul>
                <li>
                    <div class="form_left">女方姓名</div>
                    <div class="form_auto">
                        <input type="text" class="bg_no" id="girl_username" name="girl_username" placeholder="请输入名字(必须汉字)" />
                    </div>
                </li>
                <li>
                    <div class="form_left">出生日期</div>
                    <div class="form_auto">
                        <input type="text" class="Js_date" name="girl_birthday" id="girl_birthday" placeholder="请选择日期" value="" readonly/>
                    </div>
                </li>
                <li>
                    <div class="form_left">出生时辰</div>
                    <div class="form_auto">
                        <select class="sel" name="girl_hour"><option value="" selected="">时辰不清楚</option><option value="0">子时 0点</option><option value="1">丑时 1点</option><option value="2">丑时 2点</option><option value="3">寅时 3点</option><option value="4">寅时 4点</option><option value="5">卯时 5点</option><option value="6">卯时 6点</option><option value="7">辰时 7点</option><option value="8">辰时 8点</option><option value="9">巳时 9点</option><option value="10">巳时 10点</option><option value="11">午时 11点</option><option value="12">午时 12点</option><option value="13">未时 13点</option><option value="14">未时 14点</option><option value="15">申时 15点</option><option value="16">申时 16点</option><option value="17">酉时 17点</option><option value="18">酉时 18点</option><option value="19">戌时 19点</option><option value="20">戌时 20点</option><option value="21">亥时 21点</option><option value="22">亥时 22点</option><option value="23">子时 23点</option></select>
                    </div>
                </li>
            </ul>
        </div>
        <div class="fw_submit">
            <b class="ljfx_btn">立即分析</b>
        </div>
    </form>
    <footer class="footer_severs">
        <include file="Public/bottom" />
    </footer>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/datePicker.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script>
        $(".ljfx_btn").on('click',function(){
            if($("[name='username']").val() == ""){
                layer.msg("请输入男方姓名");
                return false;
            }else if($("[name='username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='girl_username']").val() == ""){
                layer.msg("请输入女方姓名");
                return false;
            }else if($("[name='girl_username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("[name='girl_username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择男方出生日期");
                return false;
            }
            if($("[name='girl_birthday']").val() == ""){
                layer.msg("请选择女方出生日期");
                return false;
            }
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
//                    $(location).attr('href','ZM_bazihehun_zhifu.html');
                    _taq.push({convert_id:"71989838125", event_type:"form"});//头条统计
                    $('#_form').submit();
                },1300);
            },1000);
        });
        // 时间
        var calendar = new datePicker();
            calendar.init({
                'trigger': '#birthday', /*按钮选择器，用于触发弹出插件*/
                'type': 'date',/*模式：date日期；datetime日期时间；time时间；ym年月；*/
                'minDate':'1900-1-1',/*最小日期*/
                'maxDate':'2100-12-31',/*最大日期*/
                'onSubmit':function(){/*确认时触发事件*/
                    var theSelectData=calendar.value;
                },
                'onClose':function(){/*取消时触发事件*/
                }
            });
        var calendar1 = new datePicker();
            calendar1.init({
                'trigger': '#girl_birthday', /*按钮选择器，用于触发弹出插件*/
                'type': 'date',/*模式：date日期；datetime日期时间；time时间；ym年月；*/
                'minDate':'1900-1-1',/*最小日期*/
                'maxDate':'2100-12-31',/*最大日期*/
                'onSubmit':function(){/*确认时触发事件*/
                    var theSelectData=calendar.value;
                },
                'onClose':function(){/*取消时触发事件*/
                }
            });
    </script>
</body>
</html>